<!DOCTYPE html>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="./lib/jquery-1.12.3.min.js"></script>
    <script src="./lib/layer-v3.1.1/layer.js"></script>
    <script>
        $(function () {
            $.ajax({
                url: "./../../Echong/checkelogin.php",
            }).then(function (res) {
                console.log(res)
                if (res.status == 1) { //已登录

                    var str = localStorage.getItem("userInfo"); //存进去的时候,是字符串,取出来也是字符串
                    // 要把字符串转换成 JSON对象
                    var userInfoObJ = JSON.parse(str);


                    $(".userinfo").text("欢迎:" + userInfoObJ.u_name);


                } else {

                    layer.confirm('您还未登录', {
                        btn: ['确认', '取消'] //按钮
                    }, function () {
                        window.location = "login.html"
                    }, function () {
                        window.location = "login.html"
                    });

                }
            })
        })


        // sessionStorage
        // 页面打开就能操作,
        // 页面关闭就销毁,它的生命周期与页面密切相关

        // localStorage (国际化语言包)
        // 能存储50m,永久保存,清除,需要手动清除;

        // cookie
        //cookie 只能存储 4k,需要手动设置有效时间,
        //如果不设置手动设置有效时间.它与sessionStorage
        //的生命周期一样
        //它会跟随http携带,发送到后台去(特点)

        //共同点,都能做存储操作
    </script>

</head>
<div class="userinfo">欢迎:xxx</div>

<body>
    <table>
        <tr>

            <td>11111</td>
            <td>2222</td>
            <td>3333</td>
        </tr>

    </table>
</body>

</html>